/*CORES*/
/*#D9DCD9 - CINZA
#F39200 - LARANJA
#c7114f - ROSA
#705C62 - MARROM*/

/*Fonte personalizada*/
@font-face {
    font-family: 'bloggersans-medium';
    src: url('../fonts/bloggersans-medium.otf') format('opentype');
}
@font-face {
    font-family: 'blogger-sans.regular';
    src: url('../fonts/blogger-sans.regular.ttf') format('truetype');
}

@font-face {
    font-family: 'frutigerltprolight';
    src: url('../fonts/linotype-frutigerltprolight.otf') format('opentype');
}

body {
    background-color: white;
    line-height: normal;
}

/*HEADER*/
.div-header {
    background-color: #F39200;
}

.img-logo {
    width: 130px;
    margin-left:40px;
}
/*LOGIN*/

.div-body {
    display: flex; /* Ativa o Flexbox */
    justify-content: center; /* Centraliza a coluna horizontalmente */
    align-items: center; /* Centraliza a coluna verticalmente */
    background-color: white;
}

.div-teste {
    display: flex; /* Ativa o Flexbox dentro da coluna */
    flex-direction: column; /* Organiza o conteúdo em coluna */
    justify-content: center; /* Centraliza verticalmente o conteúdo */
    align-items: center; /* Centraliza horizontalmente o conteúdo */
}

.div-title {
    text-align: justify;
    justify-content: center;
    align-items: center;
}

.label-title,
.label-prevoir,
.label-parceiros {
    font-family: 'bloggersans-medium';
    font-size: 24px;
}

.label-prevoir {
    color: #c7114f;
    text-transform: uppercase;
}

.label-parceiros {
    color: #766264;
    font-weight: bold;
    text-transform: uppercase;
}

.div-title p {
    font-family: 'frutigerltprolight';
    font-size: 14px;
    display: flex;
}

.login-section {
    width: 100%;
    max-width: 400px;
    padding: 20px;
}

    .login-section form {
        display: flex;
        flex-direction: column;
        max-width: 400px;
    }

    .login-section label {
        font-weight: bold;
        text-transform: initial;
        font-size:15px;
    }

    .login-section input {
        margin-bottom: 15px;
        padding: 14px;
        border: 1px solid #ccc !important;
        border-radius: 5px;
        font-size: 16px;
        width: 100%;
    }

    .login-section button {
        padding: 10px;
        border: none;
        border-radius: 5px;
        color: white;
        font-size: 16px;
        cursor: pointer;
        box-shadow: none;
    }
    .login-section #btn-back {
        background-color: transparent;
        color: #F39200;
    }

        .login-section button:hover {
            background-color: #a70f44;
        }

.btn-recovery-pass {
    font-size:12px;
    font-weight: normal;
    margin-top:3px;
    margin-bottom:3px;
}


/*CONTATO*/
.div-contact {
    font-family: 'frutigerltprolight';
    font-size: 12px;
    text-align: justify;
    margin-top:5px;
}


/*IMAGEM*/
.login-image {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
    .login-image img {
        width: 100%;
        height: 91vh;
        object-fit: cover;
    }

/*FOOTER*/
.div-footer {
    background-color: #705C62;
    color: white;
    padding: 30px;
    font-family: 'blogger-sans.regular';
}
    .div-footer div {
    }
        .div-footer div .fale-conosco {
            color: #F39200;
            text-align: left;
            font-size:14px;
        }
        .div-footer div .telefone {
            text-align: left;
            font-size: 12px;
            margin:0px;
        }
        .div-footer div .atendimento {
            text-align: left;
            font-size: 11px;
            margin-top:0px;
            margin-bottom:0px;
        }
        .div-footer div .chamada {
            text-align: left;
            font-size: 10px;
            margin-top: 15px;
        }
        .div-footer div .email {
            text-align: left;
            font-size: 10px;
            font-family: 'frutigerltprolight';
            margin-top: 15px;
        }
.email {
    letter-spacing: 1px; /* Aumenta o espaço entre os caracteres */
}
.icon-email {
    margin-top: 15px;
}

        .div-footer div a {
            font-size: 11px;
            font-family: 'frutigerltprolight';
            color: white;
            margin-right: 5px;
            text-decoration: underline;
        }

.link-icons {
    color: #F39200;
}
    .material-icons{
        font-size: 15px;
        text-align: center;
    }

.atendimento {
    text-align: left;
}

.text-sociais {
    font-size: 12px;
    font-family: 'frutigerltprolight';
    margin-top: 15px;
    margin-bottom: 4px;
}
.social-link {
    margin: 3px 0px 0px 0px;
    text-decoration: none !important;
}
.social-link img{
   width:16px;
}
.links{
    margin-left:10px;
}

.links .icon-acento {
    margin-right: 5px;
    padding: 0px;
    width: 12px;
}

.info-footer{
    background-color:white;
}
    .info-footer label {
        font-size: 10px;
        color: #767171;
    }

.telefone {
    display: flex;
    align-items: center;
    gap: 8px; /* Espaço entre ícone e número */
}

/*RESPONSIVIDADES*/
/* xs */
@media (max-width: 576px) {
    .login-image {
        display: none;
    }

    .div-body{
        margin:10px 0px 0px 0px;
        padding:0px;
    }
    .div-teste {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .label-title {
        margin-top: 10px;
    }
    .login-section {
        margin: 10px 0px 0px 0px;
        padding: 0px;
    }
       
    .label-title,
    .label-prevoir,
    .label-parceiros {
        font-size: 20px;
    }

    .redes
    {
        margin-top:10px;
        text-align:center;
    }

    .div-contact {
        margin-bottom: 10px;
    }

    .row{
        margin:0px;
    }
}

/*SM*/
@media (min-width: 576px) and (max-width: 767px) {

   /* * {
        overflow: hidden;
    }*/

    .label-title,
    .label-prevoir,
    .label-parceiros {
        font-size: small;
    }

    .div-title p {
        font-size: x-small;
        margin-top:10px;
    }

    .div-contact {
        font-size: x-small;
    }

  /*  .login-section label {
        font-size: x-small;
    }*/

    .login-section input {
        font-size: small;
    }

    .login-section button {
        font-size: small;
    }

    .login-image {
        max-height: 100%;
    }

    .img-logo {
        width: 80px;
    }

}

/*MD*/
@media (min-width: 768px) and (max-width: 1040px) {

   /* * {
        overflow: hidden;
    }*/

    .label-title,
    .label-prevoir,
    .label-parceiros {
        font-size: small;
    }

    .div-title p {
        font-size: x-small;
    }

    .div-contact {
        font-size: x-small;
    }

    .login-section label {
        font-size: small;
    }

    .login-section input {
        font-size: small;
    }

    .login-section button {
        font-size: small;
    }

    .login-image {
        max-height: 360px;
    }

    .img-logo {
        width: 80px;
    }   
}

/*MD*/
@media (min-width: 1041px) and (max-width: 1299px) {

   /* * {
        overflow: hidden;
    }*/

    .label-title,
    .label-prevoir,
    .label-parceiros {
        font-size: 18px;
    }


    .login-image {
        max-height: 420px;
    }

    .img-logo {
        width: 80px;
    }
}

/* Telas grandes (ex.: computadores e monitores grandes) */
@media (min-width: 1300px) {

   /* * {
        overflow: hidden;
    }*/

    .login-image {
        max-height: 600px;
    }

    .img-logo {
        width: 130px;
    }
}